<script>
import {defineComponent, defineAsyncComponent} from 'vue'

//引入异步组件Counter
const Counter = defineAsyncComponent(() => import("./components/Counter.vue"))
export default defineComponent({
  // name属性：用于显式声明组件展示时的名称。
  name: "App",
  //data函数：用于声明组件初始响应式状态的函数(必须return一个新对象)
  data() {
    return {
      appCount: 0,
    }
  },
  // components：一个对象，用于注册对当前组件实例可用的组件
  components: {
    Counter
  },
})
</script>

<template>
  <div class="app">
    <!--<Counter v-model="appCount"></Counter>-->
    <Counter :modelValue="appCount" @update:modelValue="appCount=$event"></Counter>
  </div>
</template>

<style lang="less">

</style>
